@charset "utf-8";
/* CSS Document */

section#datosRuta{
	width: 100%;
	margin: 0 auto;
}

#datosRuta article#tecnica{
	width: 45%;
	float: left;
	margin: 0 2% 0 8%;
}

#datosRuta article#interes{
	width: 45%;
	float: left;
}

#datosRuta p{
	font-weight: bold;
	/*background: #666;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	color: transparent;
	text-shadow: 0px 3px 3px rgba(255,255,255,0.5);*/
	/*no vale para IE */
color: #777777;
text-shadow: -1px -1px #eee;
}

#datosRuta p>span{
	color: black;
	text-shadow:none;
}

#datosRuta img{
	vertical-align: middle;
}

article#interes>p{
	margin:0.5rem;
}

article#interes img#dificultad{
	margin-left:0.9rem;
}

article#interes img#ganado{
	margin-left:1.8rem;
}
article#interes img#afluencia{
	margin-left:0.7rem;

}
article#interes img#estaciones{
	margin-left:0.3rem;
}

article.llegarDetalle>p{
	font-size:0.9rem;
}

/* PUNTO DE INICIO */
section#ptoInicio{
	width: 85%;
	margin: 0 auto;
	padding: auto 5%;
}

section#ptoInicio img{
	 width:125px;
	 max-width: 125px;
	 height:125px;
	 float:right; 
}

/* TABLA DE LOS ALOJAMIENTOS */
table.alojamiento{
	width: 70%;
	margin:0 auto;
	border: none;
}

table.alojamiento tr td p{
	margin:0;
	padding: 0;
}

table.alojamiento img.imagenAloj{
	width:100%;
	height:125px;
	max-width:125px;
	min-width:125px;
	margin-right: 1rem;
}

table.alojamiento h4{
	margin: 0.2rem 0.6rem;
	font-size:1.2rem;
}
table.alojamiento .contacto{
	font-size: 0.8rem;
	padding:0.1rem;
}
table.alojamiento .contacto p{
	margin-bottom:0.5rem;
}
table.alojamiento .perrosAloj{
	margin: auto;
}
table.alojamiento .descripAloj{
	font-size:0.8rem;
	margin: auto 1rem;
}

/* AÑADIR ALOJAMIENTOS */
div#anadirAloj{
	width:70%;
	background-color:#ededed;
	border-radius:0.7rem;
	-moz-box-shadow: 0px 0px 20px #aaa; 
    -webkit-box-shadow: 0px 0px 20px #aaa; 
    box-shadow: 0px 0px 20px #aaa;
}
div#anadirAloj p{
	font-weight:bold;
	color:#666;
	display:inline;
}
div#anadriAloj img{
	display:inline;
}